﻿<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<DTOSingTowerMall.IMallInfo>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Home Page
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  <!-- End SlidesJS Required -->

  <!-- SlidesJS Required: Link to jquery.slides.js -->
  <script type="text/javascript" src="../../Scripts/jquery.slides.min.js"></script>


 <div class="container">
    <div id="slides">
         <%foreach (var item in Model.MallImages)
           { %>
         <img class="borderimage" src="<%= item %>" alt="ShoppingMall Main Image" />
         <% } %>
     </div>
  </div>

  <script text="text/javascript">
      $(function () {
          $('#slides').slidesjs({
              width: 900,
              height: 500,
              play: {
                  active: true,
                  auto: true,
                  interval: 3000,
                  swap: true
              }
          });
      });
  </script>

        <p style="color:Maroon; font-size:large; font-weight:bold;"> <%= Model.Name %> </p>
        <p style="color:Blue; font-size:small; font-family:Arial"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<%= Model.Malldesc %></p>
        <hr />
        <div><%=Model.Copyrightinfo %> <span style="float:right;"><%: Html.ActionLink("Contact Us", "About", "Home") %></span></div>
</asp:Content>
